<template>
	<view>
		<view class="type">
			<view class="ge" @click="authTo('pages/my/renZheng/geren')">
				<view class="l">
					<image src="../../../static/newMy/geren.png" mode=""></image>
					<text>个人认证</text>
				</view>
				<view class="r">
					<text>{{ident?'已认证':'未认证'}}</text>
					<image src="../../../static/right-img.png" mode=""></image>
				</view>
			</view>
			<view class="ge" @click="authTo('pages/my/renZheng/gongsi')">
				<view class="l">
					<image src="../../../static/newMy/gongsi.png" mode=""></image>
					<text>企业/个体户认证</text>
				</view>
				<view class="r">
					<text>{{company?'已认证':'未认证'}}</text>
					<image src="../../../static/right-img.png" mode=""></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			company:'',
			ident:''
		};
	},
	onLoad() {
		this.company = uni.getStorageSync('company')
		this.ident = uni.getStorageSync('ident')
		console.log(this.company,this.ident)
	},
	methods: {}
};
</script>

<style lang="scss">
page {
	background-color: #f6f6f6;
}
.ge {
	padding: 40rpx 32rpx;
	width: 622rpx;
	// height: 120rpx;
	background: #ffffff;
	border-radius: 24rpx 24rpx 24rpx 24rpx;
	opacity: 1;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 24rpx;
	.l {
		image {
			width: 40rpx;
			height: 40rpx;
			margin-right: 24rpx;
			vertical-align: middle;
		}
		text {
			font-size: 30rpx;
			font-weight: 800;
			color: #333333;
		}
	}
	.r {
		text {
			font-size: 22rpx;
			font-weight: 500;
			color: #999999;
		}
		image {
			width: 28rpx;
			height: 28rpx;
			margin-left: 30rpx;
			vertical-align: middle;
		}
	}
}
</style>
